<template>
    <div class="card flex justify-center">
        <Knob v-model="value" valueColor="SlateGray" rangeColor="MediumTurquoise" />
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const value = ref(0);

</script>